.fra-monitoring {
  overflow: hidden;
  .fs-export-btn {
    display: none;
  }
  .ant-table-fixed-header
    > .ant-table-content
    > .ant-table-scroll
    > .ant-table-body {
    position: absolute;
    z-index: 8;
    width: 100%;
    // top: 73px;
    top: 92px;
  }
  .ant-table-placeholder {
    width: 100% !important;
    height: 100% !important;
    top: 71px !important;
    position: absolute !important;
    z-index: 120 !important;
  }
  .table-col-show-change {
    position: absolute;
    top: 28.3px;
    right: 12px;
  }
  .ant-table-row-cell-break-word {
    height: 48px;
  }
  .ant-table-thead > tr > th[colspan]:not([colspan="1"]) {
    text-align: left !important;
  }

  // .ant-table-tbody > tr > td:last-child {
  //   padding-right: 24px !important;
  // }
  .ant-table-scroll {
    // margin-bottom: -17px;
    min-height: 550px;
    .dark-row {
      background-color: transparent !important;
    }
  }
  .ant-table-fixed {
    transition: 0.3s;
    position: relative;
  }
  .ant-pagination {
    margin-right: 16px;
  }
  // .table-box {
  //   .ant-table-row-cell-break-word {
  //     .oooi-fly-box {
  //       left: -8px;
  //     }
  //   }
  // }
  // .table-box {
  // margin-top: 12px;
  // .w-level {
  //   height: 70%;
  //   position: absolute;
  //   top: 15%;
  //   width: 20px;
  //   left: 23px;
  //   display: flex;
  //   justify-content: center;
  //   align-items: center;
  //   border-radius: 0px;
  //   color: @white;
  //   font-size: 12px;
  // }
  // }
  // .ant-slider {
  //   .ant-slider-rail {
  //     background-color: #cecece !important;
  //   }
  //   .ant-slider-track {
  //     background-color: transparent !important;
  //   }
  // }
  .ant-table-scroll {
    .ant-table-tbody {
      td {
        // 如果为transparent 则右边颜色不再受左边控制
        // background-color: transparent !important;
      }
    }
    .ant-table-thead {
      background-color: #f4f5f9;
      box-shadow: 0 5px 10px #cccccc62;
    }
    // .ant-table-thead > tr > th:not(.ant-table-align-left) {
    //   padding-left: 0 !important;
    // }
    .ant-table-thead > tr:nth-child(1) th {
      padding-left: 16px !important;
      color: #21252e;
      font-size: 14px;
      font-family: "din";
      font-weight: 500 !important;
    }
    .ant-table-thead > tr:nth-child(2) th {
      padding-top: 5px !important;
      padding-left: 5px !important;
      padding-bottom: 11px !important;
      position: relative;
      color: @textColor4!important;
      font-family: "din";
      font-size: 13px;
      font-weight: 500 !important;
      line-height: 19px;

      // &::after {
      //   content: "";
      //   position: absolute;
      //   width: 1px;
      //   background: #e6e6e6;
      //   height: 1999px;
      //   right: -1px;
      // }
      &::before {
        content: "";
        position: absolute;
        width: 1px;
        background: #ebecef;
        height: 88px;
        left: -1px;
        top: -50px;
      }
    }
    // .ant-table-align-left {

    // }
  }

  .time-show-text-box {
    color: @c-red;
    font-size: 13px;
    // line-height: 2.2;
    line-height: 2;
  }
  .c-time-box {
    position: absolute;
    z-index: 9;
    top: 47px;
    width: 24px;
    transition: 0.3s;
    margin-left: -19.61px;
    .v-line-bg {
      width: 2px;
      background-color: @c-red;
      display: block;
      margin: auto;
      position: absolute;
      left: 50%;
      height: 2400px;
      right: 50%;
      box-shadow: 0 0 8px rgba(230, 0, 0, 0.2);
      margin-left: -1px;
    }
  }
  .c-time-box2 {
    position: absolute;
    z-index: 9;
    top: -31px;
    height: 100%;
    width: 2px;
    transition: 0.3s;
    margin-left: -19.61px;
    .v-line-bg {
      width: 2px;
      background-color: @c-red;
      display: block;
      margin: auto;
      position: absolute;
      left: 50%;
      height: 100%;
      right: 50%;
      box-shadow: 0 0 8px rgba(230, 0, 0, 0.2);
      margin-left: 10px;
    }
  }
  .time-show-box {
    background-color: @c-red;
    padding: 1px 3px;
    border-radius: 0px;
    color: @white;
    border-radius: 100%;
    position: absolute;
    width: 6px;
    height: 6px;
    left: 50%;
    bottom: 3px;
    transform: translateX(-50%);
  }
  .ant-table-scroll {
    .ant-table-body {
      overflow-x: hidden !important;
      top: -508px;
      // min-height: 550px;
      background: transparent !important;
    }
    .ant-table-header {
      height: 100%;
      overflow: hidden !important;
    }
    // .ant-table-fixed {
    //   overflow: hidden;
    // }
  }
  .ant-spin-nested-loading,
  .ant-spin-container {
    height: 100%;
  }
  // table不换行
  .ant-table-thead > tr > th {
    white-space: nowrap;
  }
  .ant-table-row td {
    white-space: nowrap;
  }
  .ant-table-content {
    height: 100%;
    overflow: hidden;
    .ant-table-scroll {
      height: 100%;
      overflow: hidden;
    }
  }
  .c-time-out-box {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  .ant-table {
    overflow: hidden;
  }
  .ant-table-body-inner {
    overflow-x: hidden;
    .beauty-scroll();
  }
  // .table-box-click {
  //   .ant-table-body-inner {
  //     margin-right: 0 !important;
  //   }
  // }
  .fra-monitoring-drawer {
    width: calc(100% - 505px) !important;
  }
  .ant-table {
    height: 100%;
  }
  .ant-table-fixed-left {
    z-index: 9;
    background-color: @white;
    border-right: 1px solid @border;
    min-height: 100%;
    // height: 100%;
  }
  .ant-table-thead {
    position: relative;
    z-index: 8;
  }
  .export-more {
    position: absolute;
    top: 50%;
    right: 14px;
    cursor: pointer;
    margin-top: -10px;
    font-size: 18px;

    path {
      transition: 0.2s;
      fill: #9ea5b2;
    }
    &:hover {
      path {
        fill: #4e5160;
      }
    }
  }

  .ant-dropdown-open.export-more {
    path {
      transition: 0.2s;
      fill: #4e5160;
    }
  }
  // .column-width-btn {
  //   position: absolute;
  //   right: 29px;
  //   top: 4px;
  //   z-index: 33;
  // }
  // .zoom-out-btn {
  //   position: absolute;
  //   right: 53px;
  //   top: 4px;
  //   z-index: 33;
  // }
  // .zoom-in-btn {
  //   position: absolute;
  //   right: 4px;
  //   top: 4px;
  //   z-index: 33;
  // }
  .ant-table-placeholder {
    z-index: 0;
  }

  .etops-alert-box {
    position: absolute;
    height: 100%;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    column-gap: 10px;
    row-gap: 4px;
  }
  .airplane-landing {
    // position: absolute;
    // left: 22px;
    // top: 3px;
    svg {
      width: 18px;
      height: 18px;
    }
  }
  .alert-landing {
    // position: absolute;
    // left: 22px;
    // bottom: 6px;
    svg {
      width: 18px;
      height: 18px;
    }
  }
}

.lh-1-1 {
  line-height: 1.1;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.65);
}
.slider-popover {
  .ant-popover-inner-content {
    height: 52px;
    width: 550px;
    margin-left: 9px;
  }
}
.ant-select-dropdown {
  z-index: 1053;
}

.item-details-item-box {
  padding: 12px;
  box-shadow: 0 0px 5px #f7f7f7;
  border-radius: 0px;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  margin-bottom: 12px;
}

.font-c-b {
  color: @gray-11;
}

.change-zoom-btn {
  position: fixed;
  right: 3px;
  top: 21%;
  display: flex;
  flex-direction: column;
  padding: 5px;
  background: #fff;
  box-shadow: @shadow;
  z-index: 50;
  .ant-popover-arrow {
    display: none;
  }
  .ant-popover {
    top: 0 !important;
  }
  .ant-popover-inner {
    width: 101.8%;
  }
  .ant-slider-with-marks {
    margin-top: 0 !important;
  }
}

.c-vxe-table-style {
  .vxe-table--header-wrapper {
    background-color: #fff !important;
    border-bottom: 1px solid #ebecef;
  }
  .vxe-table--render-default .vxe-body--row.row--stripe {
    background-color: #f5f7fa;
  }
}

.c-dialog-box {
  .new-page-btn {
    position: absolute;
    top: -78px;
    right: 49px;
    font-size: 18px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    text-align: center;
    &:hover {
      background-color: rgba(0, 0, 0, 0.2);
    }
  }
  .c-dropdown-box {
    z-index: 2052 !important;
  }
  .ant-modal {
    overflow: hidden;
    padding: 0;
  }
  .ant-modal-header {
    height: 92px;
    background: linear-gradient(to right, #30329c, #4d5bbd);
    color: #fff;
  }
  .ant-modal-title {
    color: #fff;
  }
  .ant-modal-body {
    padding: 16px;
    background-color: #f9f9fb;
    position: relative;
    height: calc(100% - 92px);
  }
  .c-dialog-search-box {
    position: relative;
    width: 100%;
    top: 0;
    padding: 0 16px;
    left: 0;
    height: 84px;
    background: #fff;
    margin-top: -44px;
    box-shadow: 0 1px 2px rgba(33, 37, 46, 0.12);
  }
  .c-dialog-search-box-2 {
    padding: 18px 16px 21px 16px;
    background-color: #fff;
  }
  .ant-modal-content {
    height: 100%;
  }
  .c-dialog-main-box {
    // top: 40px;
    height: calc(100% - 52px) !important;
    overflow-y: auto;
    margin-top: 12px;
    overflow-x: hidden;
  }
  .c-close-icon {
    position: absolute;
    top: 14px;
    font-size: 15px;
    height: 24px;
    width: 24px;
    right: 18px;
    transition: 0.2s;
    display: flex;
    align-items: center;
    i {
      position: absolute;
      top: 50%;
      height: 20px;
      width: 20px;
      line-height: 18px;
      left: 0;
      margin-top: -10px;
      left: 50%;
      margin-left: -10px;
      svg {
        width: 100%;
        height: 100%;
      }
    }
    &:hover {
      background-color: rgba(0, 0, 0, 0.2);
    }
  }

  .wgwx-title {
    color: @textColor3;
  }

  .vxe-table--header-wrapper {
    background-color: #fff !important;
    border-bottom: 1px solid #ebecef;
  }
}

.c-dialog-box-full {
  .ant-modal {
    width: 100% !important;
    height: 100% !important;
  }
}
.c-arrow {
  letter-spacing: 2px;
}
.msg-f-box {
  width: 22px;
  height: 22px;
  background-color: #ebecef;
  color: #fff;
  display: inline-block;
  line-height: 22px;
  text-align: center;
  transform: rotate(45deg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  .msf-f-text {
    transform: rotate(-45deg);
    display: block;
  }
}
.msg-f-box-icon {
  width: 20px;
  height: 20px;
  line-height: 20px;
  flex-shrink: 0;
}
.msg-f2-box {
  width: 22px;
  height: 22px;
  background-color: #ebecef;
  color: #fff;
  display: inline-block;
  line-height: 22px;
  text-align: center;
  transform: rotate(45deg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  position: relative;
  top: 8px;
}
.msg-f2-box-icon {
  width: 13px;
  height: 13px;
  line-height: 20px;
  flex-shrink: 0;
}
.msg-f-1 {
  background-color: #ebecef;
}
.msg-msg-box {
  width: 24px;
  height: 24px;
  background-color: #ebecef;
  color: #fff;
  display: inline-block;
  line-height: 24px;
  text-align: center;
  margin-right: 7px;
}
.msg-msg-box-icon {
  width: 22px;
  height: 22px;
  line-height: 22px;
  flex-shrink: 0;
}
.msg-m-box {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background-color: #ebecef;
  color: #fff;
  display: inline-block;
  line-height: 26px;
  text-align: center;
  margin-right: 7px;
}
.msg-m-box-icon {
  width: 24px;
  height: 24px;
  line-height: 24px;
  flex-shrink: 0;
}
.msg-m2-box {
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #ebecef;
  color: #fff;
  display: inline-block;
  line-height: 24px;
  text-align: center;
  position: relative;
  top: -1px;
  .msf-f-text {
    display: block;
    position: absolute;
    left: 6.5px;
    top: 1px;
    z-index: 9;
  }
}
.msg-m2-box-icon {
  width: 22px;
  height: 22px;
  line-height: 22px;
  flex-shrink: 0;
}
.msg-n-box {
  display: inline-block;
  line-height: 24px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 25px solid #ebecef;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding-top: -9px;
  margin-top: -4px;
  &::after {
    content: "N";
    left: -5px;
    position: absolute;
    top: 4px;
  }
}
.fa-table-tips-box {
  .ant-popover-inner-content {
    background-color: #21252e;
    color: #fff;
  }
}
.leg-slider-item-out-box {
  padding-top: 0 !important;
  .ant-tooltip-inner {
    color: rgba(0, 0, 0, 0.65) !important;
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }
  .ant-tooltip-arrow {
    display: none !important;
  }
}
.fra-monitoring .ant-table-fixed-left .ant-table-thead {
  background-color: #fff;
}
.model-list-tips-btn-main-line {
  height: 1px;
  margin-bottom: -1px;
  background-color: #acb2bd;
}
.ant-select-selection__choice__content {
  .tree-select-sub {
    display: none;
  }
}
